var laypage,layer;
layui.use(["laypage",'layer'], function(){
    laypage = layui.laypage;
    layer = layui.layer;
})
// 入口函数
$(function(){
    // console.log(123);
    getArticleList();
    searchFn();
    getCategory();
})
// 获取文章列表
let total,page,perpage=5;
function getArticleList(){
    $.ajax({
        url: "/admin/article/query",
        method: "get",
        data: {
            key: $("#aname").val(),     // 文章标题
            type: $("#selCategory").val(),// 文章类别
            state: $("#selStatus").val(), // 文章状态
            page,// 当前页码
            perpage // 每页展示数据数量
        },
        success(res){
            console.log(18,res);
            //渲染列表
            $("#tbody").html(template("list", { data: res.data.data }))
            total = res.data.totalCount;
            // 渲染分页器
            renderPage()
        }
    })
}

// 渲染分页器
function renderPage(){
    laypage.render({
        elem: "page",
        count: total,// 文章总数量
        curr: page,  // 当前页码
        limit: perpage // 每页展示的数量
        ,jump: function(obj, first){
            // 点击分页器的时候触发
            //obj包含了当前分页的所有参数，比如：
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            console.log(obj.limit); //得到每页显示的条数
            
            //首次不执行
            if(!first){
              //do something
            //   改变当前页码
                page = obj.curr
                // 获取最新页码的数据
                getArticleList();
            }
          }
    })
}

// 筛选文章
function searchFn(){
    $("#btnSearch").on("click",function(){
        page = 1; // 为了能够保存筛选到所有数据
        getArticleList()
    })
}

// 获取文章分类列表
function getCategory(){
    $.ajax({
        url: "/admin/category/list",
        method: "get",
        success(res){
            console.log(73,res);
            $("#selCategory").html(template("category",res))
        }
    })
}

// 删除文章
function delFn(id){
    // 弹窗询问框
    layer.confirm('是否删除 ?', {icon: 3, title:'删除'}, function(index){
        //do something
        // 实现删除
        $.ajax({
            url: "/admin/article/delete",
            method: "post",
            data: {
                id
            },
            success(res){
                console.log(93,res);
                if(res.code == 200){
                    // 刷新文章列表
                    getArticleList()
                }
                layer.msg(res.msg)
            }
        })
        layer.close(index);
      });
}